<!-- 
  该组件就是为了占位 状态栏（电量、信号）
    可能比真实的状态栏会高出一点点，因为我们计算的是整个胶囊按钮具体顶部的距离
 -->
<template>
  <view :style="{ height: height + 'px' }"></view>
</template>

<script lang="ts" setup>
import { onLoad } from "@dcloudio/uni-app";
import { ref } from "vue";
const height = ref(0);

onLoad(() => {
  const menuRect = uni.getMenuButtonBoundingClientRect();
  height.value = menuRect.top;
});
</script>
